#{extends 'main.html' /} #{set title:'followedTopicPage.html' /}

<!-- @author Nada
this page views a list of followed Topics-->

<body style="background-color: White;">

	<h2>
		<font size="5" face="Arial" color="Green"> <i> List of
				Followed Topics : </i>
		</font>
	</h2>
	#{ifnot followedTopics}
	<p>no followed Topics</p>
	#{/ifnot}
	<table id="dataTable" background="lightblue" ; border="4">
		<tr>#{list items:followedTopics, as:'topicList'}
		</tr>
		<td>
			<ul>
				
					<li><a href="/Topics/topicView?topicId=${topicList.id}">${topicList.topicName.raw()}</a></li>
			
			</ul> #{/list}
			<p>
				<a href="@{Application.viewProfile()}">Back to Profile Page</a>
</body>